import React from 'react'
import { Button, ResultPage } from 'antd-mobile'
import { AlipayCircleFill } from 'antd-mobile-icons'
import { useNavigate, useSearchParams } from 'react-router-dom'
function Index() {
    const nav=useNavigate()
    const [sp]=useSearchParams()
    const total_amount=sp.get('total_amount')
    const details = [
        {
          label: '肯德基（嘉里中心店）',
          value: '¥ 36.50',
          bold: true,
        },
        {
          label: '付款方式',
          value: '账户余额',
        },
      ]
  return (
    <div>
        <ResultPage
      status='waiting'
      title={<div style={{ fontSize: 15 }}>支付成功</div>}
      description={
        <>
          <span style={{ fontSize: 32, color: '#ffffff', marginRight: 4 }}>
            ¥
          </span>
          <span style={{ fontSize: 48, color: '#ffffff' }}>{total_amount}</span>
        </>
      }
      icon={<AlipayCircleFill />}
 
    >
        
    </ResultPage>
    <Button block style={{background:'#faac432'}} onClick={()=>nav('/home')}>返回首页</Button>
    </div>
  )
}

export default Index
